<template>
    <el-table  :data="orderInfoList"  >
      <el-table-column label="订单号" align="center" prop="orderInfoCode" show-overflow-tooltip />
      <el-table-column label="支付状态" align="center" prop="orderInfoStatus">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.order_info_status" :value="scope.row.orderInfoStatus"/>
        </template>
      </el-table-column>
      <el-table-column label="客户编号" align="center" prop="customName" />
      <el-table-column label="开始时间" align="center" prop="startTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="结束时间" align="center" prop="endTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="总电费" align="center" prop="totalElecMoney" />
      <el-table-column label="总服务费" align="center" prop="totalSeviceMoney" />
      <el-table-column label="总金额" align="center" prop="totalMoney" />
      <el-table-column label="订单状态" align="center" prop="orderStatus">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.order_status" :value="scope.row.orderStatus" />
        </template>
      </el-table-column>
      <el-table-column label="结束方式" align="center" prop="stopReason">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.stop_reason" :value="scope.row.stopReason"/>
        </template>
      </el-table-column>
    </el-table>
</template>

<script>
export default {
  name: "UserOrderInfo",
  dicts: ['stop_reason', 'payment_method', 'order_info_status','order_status'],
  data(){
    return{
    }
  },
  props: {
    orderInfoList: {
      type: Object,
      default: function () {
        return {}
      }
    },
  },
}
</script>
